<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<th:block th:include="include :: header('付款申请单打印')" />
	<style type="text/css">
		body {
			overflow-x: auto;
		}
		table {
			font-size: 12px;
			font-weight:500;
			font-family: 线体;
			margin: auto;
	    	border-collapse: collapse;
		}
	    table, tr, td{
		    text-align: center;
		    width: 1000px;
		    height: 40px;
		}
		.items td{ height:30px; border: 1px solid black;}
		
		@media print{
		   body {
		       height: auto !important;
		   }
		}
	</style>
</head>
<body class="white-bg">
    <table style="margin-top: 0px;">
		<!-- 打印网页时通过hidden-print隐藏元素 -->
	    <div class="text-right hidden-print">
	        <button class="btn btn-primary" onclick="printPage()"><i class="fa fa-print"></i> 打印</button>
	    </div>
		<tr style="height: 60px;">
			<td style="text-align: left;"><img style="height: 30px" src="/ruoyi.png"></td>
			<td colspan="14" style="font-size: 25px;font-family: 线体;font-weight:500;">湖北鄂能电力建设有限公司-差旅报销单</td>
		</tr>
		<tr>
			<td style="width: 14%;text-align: left;font-size: 12px;font-family: 线体;font-weight:500;" colspan="2">&nbsp;</td>
			<td style="width: 7%;">&nbsp;</td>
			<td style="width: 7%;">&nbsp;</td>
			<td style="width: 44%;font-size: 12px;font-family: 线体;font-weight:500;" colspan="8" ><b><span th:text="${#dates.format(obj.bxrAt, 'yyyy年MM月dd日')}">&nbsp;</span></b></td>
			<td style="width: 7%;font-size: 12px;font-family: 线体;font-weight:500;" ><b>费用类型</b></td>
			<td style="width: 7%;text-align: left;font-size: 12px;font-family: 线体;font-weight:500;" th:text="${obj.type}"></td>
			<td style="width: 14%;font-size: 12px;font-family: 线体;font-weight:500;" colspan="2"><b>编号：<span th:text="${obj.orderNo}">&nbsp;</span></b></td>
		</tr>
	</table>
	<table class="items">
		<tr>
			<td><b>出差人</b></td>
			<td colspan="3" th:text="${obj.chucr}">&nbsp;</td>
			<td colspan="2"><b>出差事由</b></td>
			<td colspan="8" th:text="${obj.chucsy}">&nbsp;</td>
		</tr>
		<tr>
			<td colspan="2"><b>出发</b></td>
			<td colspan="2"><b>到达</b></td>
			<td rowspan="2"><b>人数</b></td>
			<td colspan="2"><b>交通</b></td>
			<td rowspan="2"><b>天数</b></td>
			<td colspan="2"><b>出差补助</b></td>
			<td rowspan="2"><b>住宿费用</b></td>
			<td colspan="2"><b>其它费用金额</b></td>
			<td><b>小计</b></td>
		</tr>
		<tr>
			<td><b>日期</b></td>
			<td><b>地点</b></td>
			<td><b>日期</b></td>
			<td><b>地点</b></td>
			<td><b>方式</b></td>
			<td><b>金额</b></td>
			<td><b>标准(元/天)</b></td>
			<td><b>金额</b></td>
			<td><b>燃油交通费</b></td>
			<td><b>其他费用</b></td>
<!-- 			<td><b>停车费</b></td> -->
			<td>&nbsp;</td>
		</tr>
		<tr th:each="lis,status:${obj.item}">
			<td th:text="${#dates.format(lis.cfrq, 'yyyy-MM-dd')}">&nbsp;</td>
			<td th:text="${lis.cfdd}">&nbsp;</td>
			<td th:text="${#dates.format(lis.ddrq, 'yyyy-MM-dd')}">&nbsp;</td>
			<td th:text="${lis.dddd}">&nbsp;</td>
			<td th:text="${lis.rs}">&nbsp;</td>
			<td th:text="${lis.jtfs}">&nbsp;</td>
			<td th:text="${#numbers.formatDecimal(lis.jtje, 1, 2)}">&nbsp;</td>
			<td th:text="${lis.ts}">&nbsp;</td>
			<td th:text="${#numbers.formatDecimal(lis.ccbzbz, 1, 2)}">&nbsp;</td>
			<td th:text="${#numbers.formatDecimal(lis.ccbzje, 1, 2)}">&nbsp;</td>
			<td th:text="${#numbers.formatDecimal(lis.ccbzzs, 1, 2)}">&nbsp;</td>
			<td th:text="${#numbers.formatDecimal(lis.qtfyjesnjt, 1, 2)}">&nbsp;</td>
			<td th:text="${#numbers.formatDecimal(lis.qtfyjejery, 1, 2)}">&nbsp;</td>
<!-- 			<td th:text="${#numbers.formatDecimal(lis.qtfyjetcf, 1, 2)}">&nbsp;</td> -->
			<td >&nbsp;</td>
		</tr>
		<tr>
			<td colspan="6"><b>合&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;计</b></td>
			<td th:text="${#numbers.formatDecimal(jtje, 1, 2)}"></td>
			<td >&nbsp;</td>
<!-- 			<td th:text="${#numbers.formatDecimal(ts, 1, 2)}">&nbsp;</td> -->
			<td >&nbsp;</td>
			<td th:text="${#numbers.formatDecimal(ccbzje, 1, 2)}"></td>
			<td th:text="${#numbers.formatDecimal(ccbzzs, 1, 2)}"></td>
			<td th:text="${#numbers.formatDecimal(qtfyjesnjt, 1, 2)}"></td>
			<td th:text="${#numbers.formatDecimal(qtfyjejery, 1, 2)}"></td>
<!-- 			<td th:text="${#numbers.formatDecimal(qtfyjetcf, 1, 2)}"></td> -->
			<td th:text="${#numbers.formatDecimal(jine, 1, 2)}"></td>
		</tr>
		<tr>
			<td colspan="2"><b>报销合计金额(大写)</b></td>
			<td colspan="9" th:text="${obj.hejedx}">&nbsp;</td>
			<td colspan="3" style="text-align: center;"><b>(小写)¥</b><span th:text="${#numbers.formatDecimal(obj.hejexx, 1, 2)}"></span></td>
		</tr>
		
	</table>
    <th:block th:include="include :: footer" />
    <script type="text/javascript">
        function printPage() {
            window.print();
        }
        
        $("#button-yes").click(function(){
	    	$.modal.confirm("确认要审核通过吗?", function() {
	    		$.ajax({
    				url: "/gcgl/clbxd/zjlyes",
    				type: "post",
    				data: { "ids": $("#id").val() },
    				dataType: 'json',
    				success: function(data) {
    					$.operate.saveReload(data);
    				},
    				error: function(xhr, type, errorThrown) {
    					//异常处理；
    					$.modal.alert("请稍后再试！");
    					$.operate.saveReload(data);
    				}
    			});
	    	});
	    })
	    
	    $("#button-no").click(function(){
	    	$.modal.confirm("确认要审核拒绝吗?", function() {
	    		$.ajax({
    				url: "/gcgl/clbxd/zjlno",
    				type: "post",
    				data: { "ids": $("#id").val() },
    				dataType: 'json',
    				success: function(data) {
    					$.operate.saveReload(data);
    				},
    				error: function(xhr, type, errorThrown) {
    					//异常处理；
    					$.modal.alert("请稍后再试！");
    					$.operate.saveReload(data);
    				}
    			});
	    	});
	    })
    </script>
</body>
</html>